<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>数据状态</title>
    <link rel="stylesheet" href="../../common/style/common.css">
    <link rel="stylesheet" href="../css/centerPage.css">
    <link rel="stylesheet" href="../../common/lib/jquery/paginator/paginator.css">
    <link rel="stylesheet" href="../css/state.css">
    <script src="../../common/lib/jquery/jquery.min.js"></script>
    <script src="../../common/lib/jquery/paginator/jq-paginator.min.js"></script>
    <script src="../../common/lib/echarts/echarts.common.min.js"></script>
    <script src="../../common/lib/layui/laydate/laydate.js"></script>
    <script src="../../common/js/common.js"></script>
</head>
<body>
<!--70px-->
<div class="head">
    <div class="title">数据接收统计&nbsp;（次）</div>
    <div style="padding-left: 15px;margin-top: 10px;margin-bottom: 10px">
        <input class="calendar" type="text" id="startTime">&nbsp;&nbsp;至&nbsp;&nbsp;<input class="calendar" type="text" id="endTime">&nbsp;&nbsp;
        <button class="searchInputBtn" id="search">搜索</button>
    </div>
</div>

<!--(100% - 75px )-->
<div class="main-table">
    <table id="stateTable" cellspacing="0" cellpadding="0" align="center">
        <tr>
            <th>应接收</th>
            <th>已接收</th>
            <th>数据完成度</th>
        </tr>
    </table>
</div>

<div class="main-info">
    <div class="imgTitle" style="height: 30px">
        <input class="imgBtn" data-flag="1" id="hideBtn" style="margin-right: 5px" type="image" src="../../common/images/upArrow.png" >&nbsp;&nbsp;&nbsp;
        <span>收起缺失数据</span>
    </div>
    <div class="infoContent" id="information">
        <ul id="informationUL">
        </ul>
    </div>
</div>

<!--35px-->
<div class="state-footer" style="text-align: center">
    <span>每页显示&nbsp;&nbsp;</span>
    <select class="img-select" id="pageSize">
        <option  value="1">1</option>
        <option selected value="20">20</option>
        <option value="10">10</option>
    </select>&nbsp;&nbsp;
    <ul id="pageTool" class="pagination">
        <li class="prev" jp-role="prev" jp-data="5"><a href="javascript:void(0);"></a></li>
        <li class="page active" jp-role="page" jp-data="6"><a href="javascript:void(0);"></a></li>
        <li class="next" jp-role="next" jp-data="7"><a href="javascript:void(0);"></a></li>
    </ul>
</div>

<script src="../../common/js/DataStatusController.js"></script>
<script src="../js/statePage.js"></script>
</body>
</html>
